<! Doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title></title>
    <link rel="Stylesheet" href="css/Zadacha-1-Positioning-Sub_Items.css" />
</head>
<body>
    <ul>
        <li class="parent"><a href="#">List Item 1</a>
            <ul>
                <li><a href="#">Sublist Item 1</a></li>
                <li class="parent"><a href="#">Sublist Item 2</a>
                    <ul>
                        <li><a href="#">SubSub 1</a></li>
                        <li><a href="#">SubSub 2</a></li>
                        <li><a href="#">SubSub 3</a></li>
                        <li><a href="#">SubSub 4</a></li>
                    </ul>
                </li>
                <li><a href="#">Sublist Item 3</a></li>
                <li><a href="#">Sublist Item 4</a></li>
            </ul>
        </li>
        <li class="under"><a href="#">List Item 2</a></li>
        <li class="under"><a href="#">List Item 3</a></li>
        <li class="under"><a href="#">List Item 4</a></li>  
    </ul>
</body>
</html>